<template>
  <div
    class="mobile-index"
    :style="{
      width: mobileObj.vHeight + 'px',
      height: mobileObj.vWidth + 'px',
      left: mobileObj.vWidth + 'px',
    }"
  >
    <div class="container">
      <div
        class="parent-box"
        :style="{
          height: mobileObj.boxHeight + 'px',
          width: mobileObj.boxWidth + 'px',
        }"
      >
        <EnterpriseEstablishment
          :widthCol="24"
          class="enterprise"
          :style="{
            width: mobileObj.boxWidth + 'px',
          }"
        />
      </div>
    </div>
  </div>
</template>

<script>
import { getTypeMobile, getClientHeight } from "@/utils/common";
import EnterpriseEstablishment from "../components/enterprise-establishment"; // 企业设立
export default {
  components: {
    EnterpriseEstablishment,
  },
  data() {
    return {
      isIos: "",
      mobileObj: {},
    };
  },
  watch: {},
  computed: {},
  methods: {
    getmobileTypes() {
      if (this.$dd.env.platform !== "notInDingTalk") {
        //进行钉钉登录操作
        this.$dd.ready(() => {
          this.$dd.biz.navigation.setTitle({
            title: "数据展示系统（4/5）",
          });
        });
      }
    },
  },
  created() {
  },
  activated() {
    this.getmobileTypes();
  },
  mounted() {
    this.mobileObj = getClientHeight();
    this.isIos = getTypeMobile();
  },
};
</script>
<style lang='scss' scoped>
</style>